<!DOCTYPE html>
<html lang="en"
    class=" js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- <meta charset="UTF-8"> -->
    {% block title %}
    {% endblock title %}
    <link rel="stylesheet" type="text/css" href="/static/index/css/reset.css">
    <link rel="stylesheet" type="text/css" href="/static/index/css/youjian.css">
    <link rel="stylesheet" type="text/css" href="/static/index/css/main.css">
    <link rel="stylesheet" type="text/css" href="/static/_files/all.min.css">
    <link rel="stylesheet" type="text/css" href="/static/_files/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/static/_files/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/static/_files/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/static/_files/layer.min.css">
    <link rel="stylesheet" type="text/css" href="/static/_files/main.css">
    <link rel="stylesheet" type="text/css" href="/static/_files/style.css">
    <link rel="stylesheet" type="text/css" href="/static/_files/superfish.min.css">
    <link rel="stylesheet" type="text/css" href="/static/_files/v4-shims.min.css">
    <link rel="stylesheet" type="text/css" href="/static/_files/widgets.css">
    <!-- <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"> -->
    <!-- <link rel="stylesheet" href="css/font-awesome.min.css"> -->
    <link rel="stylesheet" type="text/css" href="/static/index/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/static/index/css/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="/static/index/layui/css/layui.css">
    <script type="text/javascript" src="/static/index/layui/layui.js"></script>
    <script type="text/javascript" src="/static/index/js/jquery-1.12.4.min.js"></script>
    {% block js %}
    {% endblock js %}
    <script type="text/javascript" src="/static/index/js/main.js"></script>
    <!-- <link rel="icon" href="/favicon.ico" type="image/x-ico">
    <link rel="icon" href="img/logo.ico" type="img/x-ico" /> -->
    <link rel="icon" href="/static/index/images.ico" sizes="16x16">
    <!-- <link rel="icon" href="https://www.tenlonstudio.com/wp-content/uploads/2017/11/QQ%E5%9B%BE%E7%89%8720171103171943-150x150.jpg" sizes="32x32"> -->
    <!-- <link href="/favicon.ico" type="image/x-icon" rel="shortcut icon" /> -->
    <!-- <link rel="icon" href="ico地址" type="image/x-icon"> -->
    <!-- <script type="text/javascript" src="/static/canvas-particle.js"></script> -->
    <style>
		
            body{background-color: black}
        </style>
</head>


<body style=" background-attachment: fixed;">
        <div id="mydiv" style="height:500px;">
    <div class="header_con" style="position: fixed; top:0; opacity: 0.75; z-index: 5">
        <div class="header">
            <a href="{{ url_for('index_blue.index') }}" class="logo fl">
                <i class="fa fa-cog fa-spin fa-4x"
                    style="float:left; color: #f7a280; margin-top:10px; margin-left: 20px;"></i>
                <img src="/static/index/images/logo.png"
                    style="float:right;width:300px;height:80px;vertical-align:0px;">
            </a>
            <ul class="menu fl">
                {% if user %}
                <li style="margin-right: 20px; float: right;"><a href="#" id="logout"><i
                            class="fa fa-street-view"></i>&nbsp&nbsp退出登录</a></li>
                {% endif %}
                {% block nav_bar %}
                {% endblock nav_bar %}
            </ul>
        </div>
    </div>


    <div class="conter_con">
        <div id="kratos-blog-post" style="margin-top: 80px;">
            <div class="container">
                <div class="row">
                    {% block content %}
                    {% endblock content %}

                    <aside id="kratos-widget-area" class="col-md-4 hidden-xs hidden-sm scrollspy">
                        <div id="sidebar" class="affix-top">
                            <aside id="wp-user-center-widget-2" class="widget widget_uc clearfix">
                                <div class="uc-widget">
                                    <div class="uc-widget-user">
                                        <div id="wp-uc-header" class="uc-header">
                                            <div class="uc-header-nav">
                                                <ul class="uc-navuser">
                                                    {% if not user %}
                                                    <li>

                                                        <a href="{{ url_for('passport_blue.login')}}"
                                                            class="uc-login-button"><span class="uc-header-avatar"><img
                                                                    src="/static/_files/ui-sam.jpg" width="36"
                                                                    height="36" alt="头像"
                                                                    class="avatar avatar-36 wp-user-avatar wp-user-avatar-36 photo avatar-default"></span>
                                                            <span class="uc-header-nick login_on"
                                                                login_on="0">登录</span></a>
                                                    </li>
                                                    {% else %}
                                                    <li>
                                                        <a href="{{ url_for('user_blue.user_info') }}">
                                                            {% if user.avatar_url %}
                                                            <span class="uc-header-avatar"><img
                                                                    src="{{ user.avatar_url }}" width="36" height="36"
                                                                    alt="头像"></span>
                                                            {% else %}
                                                            <span class="uc-header-avatar"><img
                                                                    src="/static/_files/ui-sam.jpg" width="36"
                                                                    height="36" alt="头像"></span>
                                                            {% endif %}
                                                            <span class="uc-header-nick login_on"
                                                                style="font-weight:bold"
                                                                login_on="1">{{ user.nick_name }}</span></a>
                                                    </li>
                                                    {% endif %}
                                                </ul>
                                            </div>
                                        </div>
                                        {% if not user.sing %}
                                        <a href="#" class="uc-sign-btn uc-btn" user_id="{{ user.id }}">签到领积分</a>
                                        {% else %}
                                        <a href="#" class="uc-sign-btn uc-btn" user_id="{{ user.id }}">今天已签到</a>
                                        {% endif %}
                                        <a href="{{ url_for('index_blue.shop') }}" target="_blank"
                                            class="uc-btn uc-jfshop-link">积分商城</a>
                                    </div>
                                </div>
                            </aside>
                            <aside id="kratos_search-2" class="widget widget_kratos_search clearfix">
                                <form role="search" method="get" action="{{ url_for('index_blue.search') }}">
                                    <div class="form-group">
                                        <input type="text" name="search" id="s" placeholder="Search…"
                                            class="form-control" x-webkit-speech="" style="width:50%;">
                                    </div>
                                </form>

                            </aside>
                            <aside class="widget widget_kratos_poststab">
                                <ul id="tabul" class="nav nav-tabs nav-justified visible-lg">
                              
                                    <li class="active"><a href="#" data-toggle="tab"> 小游戏</a></li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane fade  in active" id="hot">
                                        <ul class="list-group">
                                            <a class="list-group-item visible-lg" href="{{ url_for('games_blue.games_2048') }}"  target="_blank" rel="bookmark"><i class="fa  fa-gamepad"></i>
                                                有间 2 0 4 8
                                            </a>
                                            <a class="list-group-item visible-lg" href="{{ url_for('games_blue.games_fruit') }}"  target="_blank" rel="bookmark"><i class="fa  fa-gamepad"></i>
                                                有间 水果忍者
                                            </a>
                                             <a class="list-group-item visible-lg" rel="bookmark" style="text-align: center;">
                                                 更多游戏开发中ing...
                                            </a>
                                        </ul>
                                    </div>
                                </div>
                            </aside>


                            <aside class="widget widget_kratos_poststab">
                                <ul id="tabul" class="nav nav-tabs nav-justified visible-lg">
                                    <!-- <li><a href="#" data-toggle="tab">
                                            最新文章</a></li> -->
                                    <li class="active"><a href="#" data-toggle="tab"> 热点</a></li>
                                    <!-- <li><a href="https://www.tenlonstudio.com/jsjc#rand" data-toggle="tab">随机文章</a>
                                    </li> -->
                                </ul>

                                <div class="tab-content">
                                    <div class="tab-pane fade  in active" id="hot">
                                        <ul class="list-group">
                                            {% for news in ranks_news %}
                                            <a class="list-group-item visible-lg"
                                                title="{{ news.title }}"
                                                href="{{ url_for('index_blue.detail', news_id=news.id) }}" rel="bookmark">
                                                <i class="fa  fa-book"></i>
                                                {{ news.title }}
                                            </a>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                </div>
                            </aside>
                            <!-- {{ url_for('index_blue.search', search='如何下载Youtube上的视频') }} -->
                            <aside id="kratos_tags-3" class="widget widget_kratos_tags clearfix">
                                <h4 class="widget-title">热门搜索</h4>
                                <div class="tag_clouds">
                                    <a href="{{ url_for('index_blue.search', search='文件缩小工具') }}"
                                        class="tag-cloud-link tag-link-518 tag-link-position-1"
                                        style="font-size: 14px;">文件缩小工具</a>
                                    <a href="{{ url_for('index_blue.search', search='谷歌') }}"
                                        class="tag-cloud-link tag-link-641 tag-link-position-2"
                                        style="font-size: 14px;">谷歌</a>
                                    <a href="{{ url_for('index_blue.search', search='主题') }}"
                                        class="tag-cloud-link tag-link-51 tag-link-position-3"
                                        style="font-size: 14px;">WordPress佛系主题</a>
                                    <a href="{{ url_for('index_blue.search', search='网络克隆 ') }}"
                                        class="tag-cloud-link tag-link-15 tag-link-position-4"
                                        style="font-size: 14px;">网络克隆 </a>
                                    <a href="{{ url_for('index_blue.search', search='疯狂的外星人') }}"
                                        class="tag-cloud-link tag-link-193 tag-link-position-5"
                                        style="font-size: 14px;">疯狂的外星人</a>
                                    <a href="{{ url_for('index_blue.search', search='黑群晖') }}"
                                        class="tag-cloud-link tag-link-709 tag-link-position-6"
                                        style="font-size: 14px;">黑群晖</a>
                                    <a href="{{ url_for('index_blue.search', search='新喜剧之王') }}"
                                        class="tag-cloud-link tag-link-141 tag-link-position-7"
                                        style="font-size: 14px;">新喜剧之王</a>
                                    <a href="{{ url_for('index_blue.search', search='游戏合集') }}"
                                        class="tag-cloud-link tag-link-720 tag-link-position-8"
                                        style="font-size: 14px;">游戏合集</a>
                                    <a href="{{ url_for('index_blue.search', search='百度云') }}"
                                        class="tag-cloud-link tag-link-528 tag-link-position-9"
                                        style="font-size: 14px;">百度云不限速下载</a>
                                    <a href="{{ url_for('index_blue.search', search='滑动关机') }}"
                                        class="tag-cloud-link tag-link-178 tag-link-position-10"
                                        style="font-size: 14px;">滑动关机</a>
                                    <a href="{{ url_for('index_blue.search', search='B站') }}"
                                        class="tag-cloud-link tag-link-102 tag-link-position-12"
                                        style="font-size: 14px;">B站 源码</a>
                                    <a href="{{ url_for('index_blue.search', search='PUBG Lite') }}"
                                        class="tag-cloud-link tag-link-600 tag-link-position-13"
                                        style="font-size: 14px;">PUBG Lite</a>
{#                                    <a href="{{ url_for('index_blue.search', search='非线性视频编辑软件') }}"#}
{#                                        class="tag-cloud-link tag-link-593 tag-link-position-14"#}
{#                                        style="font-size: 14px;">非线性视频编辑软件</a>#}
{#                                    <a href="{{ url_for('index_blue.search', search='Win软件') }}"#}
{#                                        class="tag-cloud-link tag-link-631 tag-link-position-15"#}
{#                                        style="font-size: 14px;">Win软件</a>#}
{#                                    <a href="{{ url_for('index_blue.search', search='截图工具') }}"#}
{#                                        class="tag-cloud-link tag-link-615 tag-link-position-16"#}
{#                                        style="font-size: 14px;">截图工具</a>#}
{#                                    <a href="{{ url_for('index_blue.search', search='电脑软件') }}"#}
{#                                        class="tag-cloud-link tag-link-95 tag-link-position-17"#}
{#                                        style="font-size: 14px;">电脑软件</a>#}
{#                                    <a href="{{ url_for('index_blue.search', search='下载工具') }}"#}
{#                                        class="tag-cloud-link tag-link-548 tag-link-position-18"#}
{#                                        style="font-size: 14px;">下载工具</a>#}
{#                                    <a href="{{ url_for('index_blue.search', search='驱动管理') }}"#}
{#                                        class="tag-cloud-link tag-link-740 tag-link-position-19"#}
{#                                        style="font-size: 14px;">驱动管理</a>#}
{#                                    <a href="{{ url_for('index_blue.search', search='安卓软件') }}"#}
{#                                        class="tag-cloud-link tag-link-64 tag-link-position-20"#}
{#                                        style="font-size: 14px;">安卓软件</a></div>#}
                            </aside>
                            <aside id="asgarosforumrecentposts_widget-2"
                                class="widget asgarosforumrecentposts_widget clearfix">
                                <h4 class="widget-title">网站公告</h4>
                                <div class="asgarosforum-widget">
                                    <div class="widget-element">
                                        <div class="widget-avatar"><img src="/static/_files/logo-750x750.jpg" width="30"
                                                height="30" alt="有间工作室-管理员-小白"
                                                class="avatar avatar-30 wp-user-avatar wp-user-avatar-30 alignnone photo">
                                        </div>
                                        <div class="widget-content"><span class="post-link"><a
                                                    href="#"
                                                    title="关于本站NAS服务器无法访问的问题">欢迎大家光临我们的网站</a></span><span
                                                class="post-author">by&nbsp;<b><span class="highlight-admin"><a
                                                            class="profile-link"
                                                            href="#">有间工作室-管理员-小白</a></span></b></span><span
                                                class="post-excerpt">在这里，有间，我们共同进步，共同努力，欢迎大家给我们提出宝贵的意见
                                                …&nbsp;<a class="post-read-more"
                                                    href="#"></a></span><span class="post-date">2019-6-22</span></div>
                                    </div>
                                    <div class="widget-element">
                                        <div class="widget-avatar"><img src="/static/_files/logo-750x750.jpg"
                                                width="30" height="30" alt="头像"
                                                class="avatar avatar-30 wp-user-avatar wp-user-avatar-30 photo avatar-default">
                                        </div>
                                        <div class="widget-content"><span class="post-link"><a
                                                    href="#"
                                                    title="积分商城又上新啦！未命名网络加速（wmmnet.xyz）1元体验金">积分商城又上新啦！未命名网络加速（wmmnet.xyz）1元体验金
                                                    …</a></span><span class="post-author">by&nbsp;<b><a
                                                        class="profile-link"
                                                        href="#">REXiTTA</a></b></span><span
                                                class="post-excerpt">速度不错，使用稳定&nbsp;<a class="post-read-more"
                                                    href="#">Read
                                                    More</a></span><span class="post-date">2019-6-20</span></div>
                                    </div>
                                    <!-- <div class="widget-element">
                                        <div class="widget-avatar"><img src="/static/_files/logo-750x750.jpg" width="30"
                                                height="30" alt="腾龙工作室-站长"
                                                class="avatar avatar-30 wp-user-avatar wp-user-avatar-30 alignnone photo">
                                        </div>
                                        <div class="widget-content"><span class="post-link"><a
                                                    href="https://www.tenlonstudio.com/forum.html?view=topic&amp;id=21&amp;part=1#postid-34"
                                                    title="欢迎大家关注腾龙工作室的BiliBili频道！">欢迎大家关注腾龙工作室的BiliBili频道！
                                                    …</a></span><span class="post-author">by&nbsp;<b><span
                                                        class="highlight-admin"><a class="profile-link"
                                                            href="https://www.tenlonstudio.com/forum.html?view=profile&amp;id=467">腾龙工作室-站长</a></span></b></span><span
                                                class="post-excerpt">频道地址：https://space.bilibili.com/168137219

                                                感谢大家支持！ …&nbsp;<a class="post-read-more"
                                                    href="https://www.tenlonstudio.com/forum.html?view=topic&amp;id=21&amp;part=1#postid-34">Read
                                                    More</a></span><span class="post-date">3周 以前</span></div>
                                    </div> -->
                                </div>
                            </aside>
                        </div>
                    </aside>
                </div>
            </div>
        </div>
    </div>




    <!-- <div class="footer">
        <div class="footer_links">
            <a href="">关于我们</a>
            <span>|</span>
            <a href="">联系我们</a>
            <span>|</span>
            <a href="">招聘人才</a>
            <span>|</span>
            <a href="">友情链接</a>
        </div>
        <p class="copyright">
            CopyRight © 2018 新经资讯信息技术有限公司 All Rights Reserved<br />
            电话：010-****888 京ICP备*******8号
        </p>
    </div> -->
    <footer>
        <div id="footer">
            <div class="cd-tool visible text-center">
                <!-- <a rel="nofollow" class="cd-gb-a visible-lg" href="https://www.tenlonstudio.com/liuyan.html"><span
                        class="fa fa-book"></span></a> -->
                <!-- 客服 后期加QQ客服 -->
                <a rel="nofollow" class="cd-gb-a visible-lg" href="http://wpa.qq.com/msgrd?v=3&uin=235625554&site=有间工作室&menu=yes&from=message&isappinstalled=0"><img
                src="/static/index/images/qq.jpg" width="50px" height="50px" title="QQ咨询客服"></a>
                <a id="weixin-img" class="cd-weixin visible-lg cd-fade-out" style="background: url('/static/index/images/weixin.jpg');background-size:cover;" title="微信咨询客服">
                    <div id="weixin-pic"><img src="http://ptc817zex.bkt.clouddn.com/微信图片_20190624165610.jpg">

                    </div>
                </a>
                <a class="cd-top"><span class="fa fa-arrow-up"></span></a>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-md-offset-3 footer-list text-center">
{#                        <p class="kratos-social-icons">#}
{#                            <a target="_blank" rel="nofollow" href="http://weibo.com/216682772"><i#}
{#                                    class="fa fa-weibo"></i></a> <a target="_blank" rel="nofollow"#}
{#                                href="https://twitter.com/Tenlonstudio"><i class="fa fa-twitter"></i></a> <a#}
{#                                target="_blank" rel="nofollow" href="https://github.com/Tenlonstudio"><i#}
{#                                    class="fa fa-github"></i></a> </p>#}
                        <p>Copyright 2019 <a href="{{ url_for('index_blue.index') }}">有间工作室</a>. All Rights
                            Reserved.<br>Theme <a href="#" target="_blank"
                                rel="nofollow">Kratos</a> made by <a href="#" target="_blank"
                                rel="nofollow">Vtrois</a>
                            <br><a href="#" rel="external nofollow"
                                target="_blank">京ICP备xxxxxxx8号-3</a></p>
                        <p>
                            <!-- Global site tag (gtag.js) - Google Analytics -->
                            <script src="/static/_files/js"></script>
                            <script>
                                window.dataLayer = window.dataLayer || [];
                                function gtag() { dataLayer.push(arguments); }
                                gtag('js', new Date());

                                gtag('config', 'UA-126329926-1');
                            </script>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    
    <script type="text/javascript" src="/static/_files/jquery.easing.min.js.下载"></script>
    <script type="text/javascript" src="/static/_files/jquery.qrcode.min.js.下载"></script>
    <script type="text/javascript" src="/static/_files/layer.min.js.下载"></script>
    <script type="text/javascript" src="/static/_files/modernizr.min.js.下载"></script>
    <script type="text/javascript" src="/static/_files/bootstrap.min.js.下载"></script>
    <script type="text/javascript" src="/static/_files/jquery.waypoints.min.js.下载"></script>
    <script type="text/javascript" src="/static/_files/jquery.stellar.min.js.下载"></script>
    <script type="text/javascript" src="/static/_files/hoverIntent.min.js.下载"></script>
    <script type="text/javascript" src="/static/_files/superfish.js.下载"></script>
    <script type="text/javascript" src="/static/_files/kratos.js"></script>

    {% block js_2 %}
    {% endblock js_2 %}



   
	<script type="text/javascript">
		window.onload = function() {
		    //配置
		    var config = {
		        vx: 4,	//小球x轴速度,正为右，负为左
		        vy: 4,	//小球y轴速度
		        height: 2,	//小球高宽，其实为正方形，所以不宜太大
		        width: 2,
		        count: 200,		//点个数
		        color: "121, 162, 185", 	//点颜色
		        stroke: "130,255,255", 		//线条颜色
		        dist: 6000, 	//点吸附距离
		        e_dist: 20000, 	//鼠标吸附加速距离
		        max_conn: 10 	//点到点最大连接数
		    }

		    //调用
		    CanvasParticle(config);
		}
	</script>
	<script type="text/javascript" src="/static/canvas-particle.js"></script>


    <script type="text/javascript">
        // alert('作用')
        if ($("#main").height() > $("#sidebar").height()) {
            var footerHeight = 0;
            if ($('#page-footer').length > 0) {
                footerHeight = $('#page-footer').outerHeight(true);
            }
            $('#sidebar').affix({
                offset: {
                    top: $('#sidebar').offset().top - 30,
                    bottom: $('#footer').outerHeight(true) + footerHeight + 6
                }
            });
        }
            // 点击退出按钮
        $('.uc-sign-btn').click(function () {
            // 请求`退出登录`
            var user_id = $(this).attr('user_id')
            // alert(user_id)
            $.ajax({
                url: '/user/sign_in',
                type: 'post',
                success: function (resp) {
                    if (resp.errno == 0) {
                        // 签到成功
                        layer.msg(resp.errmsg);
                        setTimeout(function () {
                        window.location.reload()
                        }, 2000)

                    } else if (resp.errno) {
                        layer.msg(resp.errmsg);
                    }
                }
            })
        })
    </script>
    </div>
</body>

</html>